<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="按钮" id="i1">
<input type="button" value="按钮" id="i2">
<input type="button" value="按钮" id="i3">
<script !src="">
  // i1是js对象！！
  var i1 = document.getElementById("i1")
  var i2 = document.getElementById("i2")
  var i3 = document.getElementById("i3")
  console.log(i1)

  // 上面三行代码就可以简化Wie：
  var ii1 = $("i1")
  var ii2 = $("i2")
  var ii3 = $("i3")

  console.log(ii1)

  // 封装方法！   代码重用
  function getObject(obj) {
    return document.getElementById(obj)
  }
  // java标识符的命名规范：  由数字、字母、 _、 $  组成！
  function $(obj){
    return document.getElementById(obj)
  }



</script>

</body>
</html>